<template>
    <div>
       <button @click="handleClick">{{count}}</button>
    </div>
</template>

<script>
import {ref} from 'vue'
export default {
    // setup函数 是组合式api的入口函数
   setup(){
       let count =ref(0)
    const  handleClick =function(){
        console.log(count);
        count.value++
    }
    // setup函数中的方法和数据页面要向使用都必须return
       return{
           count,
           handleClick
       }

   }
};
</script>

<style  scoped>

</style>